/*
Theme Name: Platz
Theme URI: 
Author: Dcrazed
Author URI: https://dcrazed.com/
Description: Platz is a free grid wordpress theme with responsive design for showing digital products, freebies similar to websites like freepik. Let your users upload images, content to your website and have their own author marketplace.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: white, four-columns, responsive-layout, featured-images, fixed-width-template, blogging, freebie
Text Domain: platz
    
*/

/*-------------------------*/
/* SOCIAM FONT ICON */
/*-------------------------*/

@font-face {
    font-family: 'socialicoregular';
    src: url('../font/socialico-webfont.eot');
    src: url('../font/socialico-webfont.eot?#iefix') format('embedded-opentype'),
/*          url('../font/socialico-webfont.woff2') format('woff2'), */
/*          url('../font/socialico-webfont.woff') format('woff'), */
/*          url('../font/socialico-webfont.ttf') format('truetype'), */
         url('../font/socialico-webfont.svg#socialicoregular') format('svg');
}

@font-face {
    font-family: 'socialico_plusregular';
    src: url('../font/socialico_plus-webfont.eot');
    src: url('../font/socialico_plus-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/socialico_plus-webfont.woff2') format('woff2'),
         url('../font/socialico_plus-webfont.woff') format('woff'),
         url('../font/socialico_plus-webfont.ttf') format('truetype'),
         url('../font/socialico_plus-webfont.svg#socialico_plusregular') format('svg');
}

/*-------------------------*/
/* DON'T TOUCH  */
/*-------------------------*/

.disable-hover {
	pointer-events: none;
}

img{vertical-align:bottom;}

a {
	text-decoration:none;
}

ul { 
	list-style-type: none; 
	margin:0;
	padding:0;
}

/*-------------------------*/
/* MAIN CLASS TRANSITION FOR EFFECT HOVER*/
/*-------------------------*/

.object {
    transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out; /** Chrome & Safari **/
    -moz-transition: all 0.25s ease-in-out; /** Firefox **/
    -o-transition: all 0.25s ease-in-out; /** Opera **/
}

/*----------------------------*/
/* BODY SETTINGS */
/*----------------------------*/

body,html{
	padding:0;margin:0;
	background-color:#F4F4F4;
}

.cache{
	width:100%;
	height:100%;
	position:absolute;
	background-color:#FFF;
	z-index:1000;
}

/*----------------------------*/
/* CUSTOM SCROLLBAR  */
/*----------------------------*/

::-webkit-scrollbar {
    width: 9px;
}
 
::-webkit-scrollbar-track {
    background:#eee;
    border: thin solid lightgray;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1) inset;
}
 
::-webkit-scrollbar-thumb {
    background:#999;
    border: thin solid gray;
}

/*----------------------------*/
/* SUB WHITE NAV BAR */
/*----------------------------*/
#wrapper-navbar{float:left;width:100%;height:0px;background-color:#FFF;border-bottom:solid #EDEDED 1px;opacity:0;}
#wrapper-navbar .navbar{position:relative;width:1200px;left:50%;margin-left:-590px;height:100%;top:0;}
#wrapper-navbar .navbar #wrapper-bouton-icon{display:block;}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image {float: left;background-color: #2b9ed8;border: 1px solid white;border-radius: 10px;padding: 3px 8px;color: white;width: auto;height: 28px;margin-top: 16px;margin-right: 5px;margin-left: 5px;}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image a {color:white;}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image a:hover {text-decoration:none;}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image.active {background-color: #2e2d30;}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image:hover {cursor:pointer;opacity:0.5;transform: scale(1.2);}

#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image.home {background-color:#2E2D30}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image.plant {background-color:#2bd840}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image.fish {background-color:#2b9ed8}
#wrapper-navbar .navbar #wrapper-bouton-icon .part-info-image.tank {background-color:#808080}

/*----------------------------*/
/* MAIN DIV */
/*----------------------------*/

#wrapper-container{
	float:left;
	width:100%;
	height:auto;
}

.container,.container-footer {
    position:relative;
    width: 1200px;
    margin-left:-600px;
    left:50%;
}

/*----------------------------*/
/* RESPONSIVE MENU */
/*----------------------------*/

#main-container-menu{
	position:fixed;
    width:100%;
    height:100%;
	background-color:rgba(34, 34, 34, 0.95);
	left:-100%;
	z-index:10000; !important
}

.container-menu{
	position:relative;
	height:100%;
	width:100%;
}

/*----------------------------*/
/* CROSS/CLOSE FOR THE RESPONSIVE MENU */
/*----------------------------*/

#main-cross{
	float:left;
	min-height:53px;
	width:100%;
	margin-bottom:50px;
}

#cross-menu{
	position:absolute;
	width:18px;
	height:18px;
	right:25px;
	margin-top:25px;
	background: url(img/cross-menu.svg) no-repeat;
	cursor:pointer;
}

/*----------------------------*/
/* SMALL LOGO RESPONSIVE MENU */
/*----------------------------*/

#main-small-logo{
	float:left;
	min-height:53px;
	width:100%;
	margin-bottom:25px;
}

.small-logo{
	position:absolute;
	width:131px;
	height:53px;
	left:50%;
	margin-left:-65.5px;
	background: url(img/small-logo.svg) no-repeat;
}

/*----------------------------*/
/* RESPONSIVE MENU LIST  */
/*----------------------------*/

#main-premium-ressource,#main-themes,#main-psd,#main-ai,#main-font,#main-photo{
	float:left;
	width:100%;
	min-height:36px;
}

.premium-ressource,.themes,.psd,.ai,.font,.photo{
	position:relative;
	text-align:center;
	font-family: Helvetica, sans-serif;
    font-size: 16px;
	font-weight:400;
	height:36px;
	line-height:36px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.premium-ressource a,.themes a,.psd a,.ai a,.font a,.photo a{
	transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out; 
    -moz-transition: all 0.2s ease-in-out; 
    -o-transition: all 0.2s ease-in-out;
}

.premium-ressource a,.themes a,.psd a,.photo a,.font a,.ai a{color:#999;}

.premium-ressource a:hover{color:#CCC;}
.themes a:hover{color:#66CC7A;}
.psd a:hover{color:#2B9ED8;}
.photo a:hover{color:#56514C;}
.font a:hover{color:#B88DFF;}
.ai a:hover{color:#FF9000;}

/*----------------------------*/
/* UNDERNEATH THE MAIN IMAGE PART    */
/*----------------------------*/

#wrapper-thank{
	float:left;
	width:100%;
	height:190px;
	background-color:#F2F2F2;
	margin-top:40px;
}

#wrapper-oldnew{
	float:left;
	width:100%;
	height:80px;
	background-color:#F4F4F4;
	margin-top:50px;
}

.thank,.oldnew{
	position:relative;
	width:1200px;
	left:50%;
	margin-left:-600px;
	height:100%;
	top:0;
}

.thank-text{
	float:left;
	text-align:center;
	font-family: 'Pacifico', cursive;
    font-size: 70px;
	height:190px;
	line-height:190px;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#B3B3B3;
	font-weight:400;
	width:100%;
}

.wrapper-oldnew-prev,.wrapper-oldnew-next{
	float:left;
	width:50%;
}

#oldnew-prev,#oldnew-next{
	width:43px;
	height:43px;
	opacity:0.5;
	cursor:pointer;
}

#oldnew-next{background: url(../img/next.svg) no-repeat;margin-left:25px;float:left;}
#oldnew-prev{background: url(../img/prev.svg) no-repeat;margin-right:25px;float:right;}

/*----------------------------*/
/* FOOTER */
/*----------------------------*/

#main-container-footer{
	float:left;
	width:100%;
	height:auto;
	background-color:#F9F9F9;
	border-top:solid #F1F1F1 1px;
	-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.1);

}

#row-1f,#row-2f,#row-3f,#row-4f{
	float:left;
	width:calc(100% / 4);
	height:auto;
}

.text-row-1f,.text-row-2f,.text-row-3f,.text-row-4f{
	float:left;
	text-align:left;
	height:140%;
	line-height:140%;
	margin-left:20px;
	width:80%;
	text-align:left;
	font-family: Helvetica, sans-serif;
    font-size: 14px;
	font-weight:400;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#A1A1A1;
	margin-top:80px;
}
.text-row-1f,.text-row-2f,.text-row-3f{
	margin-bottom:100px;
}

/*----------------------------*/
/* NEWSLETTER BOX */
/*----------------------------*/

#main_tip_newsletter{
	float:left;
	width:100%;
	height:auto;
	margin-top:20px;
}

#tip_newsletter_input
{
    font: 15px/1.6 Helvetica, sans-serif;
	color: #CCC;
	padding: 5px 5px 5px 46px;
	width: 170px;
	border:solid 2px #CCC;
	border-radius: 5px;
	-moz-appearance: none;
	-webkit-appearance: none;
    box-shadow: none; 
	outline: 0;
	background: url(../img/icon-newsletter.svg) no-repeat 10px 9px;
	margin-left:20px;
	vertical-align:center;
	font-weight:400;
}

/*----------------------------*/
/* SEARCH BOX */
/*----------------------------*/
#main_tip_search{float:right;width:170px;margin-top:13px;height:auto;margin-right:15px;display:block;}
#tip_search_input{font: 16px/1.6 Helvetica, sans-serif;color: #686868;padding: 4px 4px 4px 46px;width: 170px;border:solid 1px #FFF;border-radius: 5px;-moz-appearance: none;-webkit-appearance: none;box-shadow: none; outline: 0;margin: 0;background: url(../img/icon-search.svg) no-repeat 12px 7px;vertical-align:center;margin-left:-40px;background-color:#FFF;float:right;}


/*----------------------------*/
/* COPYRIGHT PART */
/*----------------------------*/

#wrapper-copyright{
	float:left;
	width:100%;
	height:70px;
	background-color:#2E2D30;
}

.copyright{
	position:relative;
	width:1200px;
	left:50%;
	margin-left:-600px;
	height:100%;
	top:0;
}

.copy-text{
	float:left;
	text-align:left;
	font-family: Helvetica, sans-serif;
    font-size: 15px;
	height:70px;
	line-height:70px;
	cursor:pointer;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#666;
	margin-left:15px;
	font-weight:500;
}

.wrapper-navbouton{
	position:absolute;
	height:100%;
	right:0;
}

.google,.facebook,.dribbble,.linkin{
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	text-align:right;
	font-family:'socialicoregular';
    font-size: 44px;
	height:70px;
	line-height:70px;
	float:right;
	opacity:0.5;
	cursor:pointer;
	float:right;
	color:#666;
	opacity:1;
}

.dribbble,.facebook,.linkin,.google{padding-right:20px;}
.dribbble,.facebook,.linkin{padding-right:12px;}

.linkin:hover,.google:hover,.facebook:hover,.dribbble:hover{color:#CCC;transform: scale(1.2);}

/*----------------------------*/
/* RWD !important */
/*----------------------------*/

/* Others wide screen -2 */
 
@media only screen and (max-width: 2000px) {
#main-container-menu {
	display:none;
}
}

/* Others wide screen */
 
@media only screen and (max-width: 1200px) {
#main-header,.navbar,.container,.container-footer,.thank,.oldnew,.copyright {
	width:940px;
	margin-left:-465px;
}
#main-container-menu {
	display:none;
}

.work figure {
	width:calc(100% / 3 - 30px);
}
}

/* Small viewports � Old monitors, netbooks, tablets (landscape), etc. */
 
@media only screen and (max-width: 965px) {
#main-header,.navbar,.container,.container-footer,.thank,.oldnew,.copyright {
	width:835px;
	margin-left:-417.5px;
}
#main-container-menu {
	display:none;
}
#row-1f,#row-2f,#row-3f,#row-4f{
	width:100%;
}
.text-row-1f,.text-row-2f,.text-row-3f,.text-row-4f{
	text-align:center;
	width:70%;
	margin-left:15%;
}
.text-row-1f{
	margin-top:75px;
	margin-bottom:35px;
}
.text-row-4f{
	margin-top:0;
	margin-bottom:0;
}
.text-row-2f,.text-row-3f{
	margin-bottom:35px;
	margin-top:0;
}
#tip_newsletter_input{
	position:relative;
	left:50%;
	margin-left:-112.5px;
	margin-bottom:75px;
}
}

/* Smaller viewports � more tablets, old monitors */
 
@media only screen and (max-width: 860px) {
#main-header,.navbar,.container,.container-footer,.thank,.oldnew,.copyright {
	width:715px;
	margin-left:-357.5px;
}
#main-container-menu {
	display:none;
}
}

/* Even smaller viewports � more tablets, etc. */
 
@media only screen and (max-width: 740px) {
#main-header,.navbar,.container,.container-footer,.thank,.oldnew,.copyright {
	width:585px;
	margin-left:-292.5px;
}   
#wrapper-bouton-icon,#main_tip_search{
	display:none;
}
#stripes {
	display:block;
}
#main-container-menu {
	display:block;
}
.work figure {
	width:calc(100% / 2 - 30px);
}
}

/* Mobile phones (Landscape) and Tablets (Portrait) */
 
@media only screen and (max-width: 610px) {
#main-header,.navbar,.container,.container-footer,.thank,.oldnew,.copyright {
	width:455px;
	margin-left:-227.5px;
} 
#wrapper-sorting{
	position:relative;
	width:300px;
	left:50%;
	margin-left:-165px;
}
.top-rated,.recent,.oldies{
	text-align:center;
	font-family: 'Roboto',sans-serif;
    font-size: 13px;
	height:40px;
	line-height:40px;
	margin-left:25px;
}
}

/* Mobile phones (Landscape) and Tablets (Portrait) */
 
@media only screen and (max-width: 480px) {
#main-header,.navbar,.container,.container-footer,.thank,.oldnew,.copyright {
	width:295px;
	margin-left:-147.5px;
}
.work figure {
	width:calc(100% - 30px);
}
.wrapper-navbouton{
	display:none;
}
.copy-text{
	text-align:center;
	width:100%;
}
.thank-text{
    font-size: 50px;
}
}
/* Mobile phones (iphone4/5)*/
 
@media only screen and (max-width: 320px) {

}



/**************************************************************************************************************************************************************************/
/***************************************************************	MAIN DIV WITH IMAGE (FIX)		***********************************************************************/
/**************************************************************************************************************************************************************************/
#main-container-image {float:left;width:100%;height:auto;background-color:#F4F4F4;margin-top:10px;opacity:0;}
#main-container-image .work figure {float:left;width:calc(100% / 4 - 30px);height:auto;line-height:auto;position: relative;padding: 0 !important;margin: 15px;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);background-color:#FFF;}
#main-container-image.index-tab .work figure {width:calc(100% / 2 - 30px);}
#main-container-image .work figure.white dl{background: #FFF;}
#main-container-image .work figure img {height:170px;width: 90%;margin-left:5%;margin-top:5%;}
#main-container-image .work figure dl {opacity: 0;position: absolute;left: 0;right: 0;bottom: 0;top: 0;padding: 10px;margin: 0;line-height: 2.5; color: white;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;}
#main-container-image .work figure:hover dl {opacity: 1;}
#main-container-image .work figure dl dt {font-family: Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 13px;margin-bottom:0;font-weight:600;width:80%;margin-left:10%;color:#666;text-align:left;height:20px;line-height:100%;margin-top:40px;}
#main-container-image .work figure dl dd {font-family: Helvetica, sans-serif;font-size: 12px;font-weight: 400;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;line-height: 150%;color: #999;width: 80%;margin-left: 10%;text-align: left;height: 55%;overflow: hidden;text-overflow: ellipsis;}
#main-container-image .wrapper-part-info{position:relative;width:100%;height:44px;background-color:#FFFFFF;}
#main-container-image .wrapper-part-info:hover {cursor:pointer;}
#main-container-image .wrapper-part-info .part-info{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;float:left;width:calc(100% - 60px);text-align:left;line-height:44px;font-family: Helvetica, sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-size: 15px;font-weight:400;color:#666;margin-left:5px;height:44px;}
#main-container-image .wrapper-part-info .part-info-image{float:left;margin-left:15px;margin-top:8px;background-color: #2b9ed8;border: 1px solid white;border-radius: 10px;padding: 5px 10px;color: white;}
#main-container-image .wrapper-part-info .part-info-image img{width:100%;height:100%;}

#main-container-image .work .tab-tank .figureTableDiv {width:100%;float:left;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass {width:100%;float:left;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure.add-tank {padding: 40px 10px!important;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure.add-tank {padding: 40px 10px!important;text-align: center;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure.add-tank a {color: #666;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure.add-tank a:hover {cursor:pointer;text-decoration:none;color: #666;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure .button {position: absolute;left: 82%;color:#2e2d30;border: 2px solid #2e2d30;border-radius: 5px;height: 30px;top: 7%;width: 30px;background-color:white;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure .button a {width: 100%;line-height: 25px;font-size: 25px;padding-left: 3px;padding-right: 2px;text-decoration:initial;color:#2e2d30;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure .button:hover {background-color:#2e2d30;}
#main-container-image .work .tab-tank .figureTableDiv .figureClass figure .button:hover a {color:white;}

#main-container-image .work .tab-fish .figureTableDiv .figureClass figure div.btnAddFish {position: absolute;left: 82%;font-size: 30px;border: 2px solid #2e2d30;border-radius: 5px;padding: 5px;height: 30px;top: 6%;background-color: rgba(255, 255, 255, 0.6);}
#main-container-image .work .tab-fish .figureTableDiv .figureClass figure div.btnAddFish:hover {background-color: #2e2d30;color:white;cursor:pointer;}
#main-container-image .work .tab-fish .figureTableDiv .figureClass figure div.btnAddFish button.addFish {float: left;width: 100%;line-height: 15px;color: black;background-color: transparent;border: none;padding: 0px;}
#main-container-image .work .tab-fish .figureTableDiv .figureClass figure div.btnAddFish button.addFish:hover {text-decoration:none;color:white;}

#main-container-image .work .tab-plant .figureTableDiv .figureClass figure div.btnAddPlant {position: absolute;left: 82%;font-size: 30px;border: 2px solid #2e2d30;border-radius: 5px;padding: 5px;height: 30px;top: 6%;background-color: rgba(255, 255, 255, 0.6);}
#main-container-image .work .tab-plant .figureTableDiv .figureClass figure div.btnAddPlant:hover {background-color: #2e2d30;color:white;cursor:pointer;}
#main-container-image .work .tab-plant .figureTableDiv .figureClass figure div.btnAddPlant button.addPlant {float: left;width: 100%;line-height: 15px;color: black;background-color: transparent;border: none;padding: 0px;}
#main-container-image .work .tab-plant .figureTableDiv .figureClass figure div.btnAddPlant button.addPlant:hover {text-decoration:none;color:white;}
/*Extend type*/
#main-container-image .wrapper-part-info .part-info-image.plant {background-color:#2bd840}
#main-container-image .wrapper-part-info .part-info-image.fish {background-color:#2b9ed8}
#main-container-image .wrapper-part-info .part-info-image.tank {background-color:#808080}
/**************************************************************************************************************************************************************************/
/***************************************************************	TOP-BAR (FIX)		***********************************************************************************/
/**************************************************************************************************************************************************************************/
.top-bar {height:50px;}
.top-bar .top-left-bar {width: 10%;float: left;height: 50px;}
.top-bar .top-center-bar {width: 60%;float: left;height: 50px;}
.top-bar {width: 100%;float: left;height: 50px;}
.top-bar ul.navbar-nav {width: auto;float:right;}
.top-bar ul.navbar-nav li.dropdown {height: 50px;margin:0px;}
.top-bar ul.navbar-nav li.dropdown a.dropdown-toggle {padding-top: 0px;padding-bottom: 0px;line-height: 50px;color:black;}
.top-bar ul.navbar-nav.logged li.dropdown a.dropdown-toggle img {vertical-align:middle;border: 1px solid rgba(255,255,255,1);border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-left-radius: 10px;margin-right: 10px;}
.top-bar ul.navbar-nav.logged li a.dropdown-toggle {color:black;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile {min-width:400px;padding: 5px;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol {margin-left:0px;margin-right:0px;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol ul {padding: 0px 5px;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol ul li.dropdown-header {margin-bottom: 10px;text-transform: uppercase;font-family: bebas_neueregular,Tahoma,Arial,sans-serif!important;color: #ffffff!important;font-size: 12px!important;background-color: #2e2d30;font-weight: bold;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol ul li.dropdown-link {height: 25px;text-transform: lowercase;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol ul li.dropdown-link a {color:#2e2d30;padding:0px 5px;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol ul li.dropdown-link:hover {background-color:rgba(46,45,48,0.8);color:white;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile div.twocol ul li.dropdown-link:hover a {color:white;text-decoration: initial;cursor:pointer;}
.top-bar ul.navbar-nav.logged li ul.dropdown-sub-menu.profile li div.form-actions input:hover {font-weight:normal;}
.top-bar ul.navbar-nav.login {float:right;margin-right: 20%;}
.top-bar ul.navbar-nav.login ul.login {min-width:400px;padding: 5px;}
.top-bar ul.navbar-nav.login li a {color:black;}
/**************************************************************************************************************************************************************************/
/***************************************************************	TAB (FIX) 		***************************************************************************************/
/**************************************************************************************************************************************************************************/
.tab-type-view {float: left;width: 49%;height:40px;margin-left: 1%;}
.tab-type-view ul {border-bottom:none;}
.tab-type-view ul li a {font-weight: 700;color: #2e2d30;}
.tab-type-view ul li.ng-isolate-scope:hover a{background-color: rgba(255,255,255,0.2);border: 1px solid #ddd;border-bottom-color: transparent;cursor: pointer;}
.tab-type-view ul li.ng-isolate-scope.active:hover a{background-color: rgb(255,255,255);border: 1px solid #ddd;border-bottom-color: transparent;cursor: default;}
.tab-filter {float: right;width: 50%;height: 40px;margin-bottom: 15px;}
.tab-return {float: left;width: 50%;height: 40px;margin-bottom: 15px;}
.tab-filter .btn-group {float:right;margin:0px 2px;}
/**************************************************************************************************************************************************************************/
/***************************************************************	CONTENT-PANEL (FIX)	***********************************************************************************/
/**************************************************************************************************************************************************************************/
.tab-content {float: left;width: 100%;border: 1px solid #ddd;background-color: white;}
.tab-content .figureTableDiv .figureClass {padding: 1px;width: 100%;float: left;border-top: 0px;}
.tab-content .figureTableDiv .figureClass .paginator {width:100%;float:left;}
.tab-content .figureTableDiv .figureClass .pagination-sm {float: right;margin-right: 20px;}
.tab-content .figureTableDiv .figureClass figure {margin: 10px 15px;background-color: #f4f4f4;}
.tab-content .figureTableDiv .figureClass figure .figure-name {background-color: #f4f4f4;}
.tab-content .figureTableDiv .figureClass figure .figure-name:hover {cursor:pointer;}
.tab-content .figureTableDiv .tableClass {padding: 10px 10px;}
.tab-content .figureTableDiv .tableClass .table tr td .btn-trasp {background-color: transparent;border: none;padding: 5px 5px 0px 5px;vertical-align: top;}
.tab-content .noValue h3 {text-align:center;width: 100%;}
figure a dl dd {text-overflow: ellipsis;width: 200px!important;overflow: hidden;height: 110px;}  
table td div.part-info-image {margin-left:0px;margin-top:0px;}
/*Extend type*/
.tab-content.tab-plant {box-sizing: inherit;box-shadow: 0px 0px 15px #2bd840;}
.tab-content.tab-fish {box-sizing: inherit;box-shadow: 0px 0px 15px #2b9ed8;}
.tab-content.tab-tank {box-sizing: inherit;box-shadow: 0px 0px 15px #808080;}
.tab-content.tab-plant .figure-name .part-info-image {background-color: #2bd840;}
.tab-content.tab-fish .figure-name .part-info-image {background-color: #2b9ed8;}
.tab-content.tab-tank .figure-name .part-info-image {background-color: #808080;}
/**************************************************************************************************************************************************************************/
/***************************************************************	FILTER-PANEL (FIX)	***********************************************************************************/
/**************************************************************************************************************************************************************************/
/*
.filter-content {width: 100%;border-top: 1px solid #ddd;padding: 1px;float: left;height: auto;}
.filter-content .sourceDiv {padding-top: 10px;padding-bottom: 5px;}
.filter-content .sourceDiv .col-md-4 .ng-binding {font-weight: bold;font-size: 0.9em;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;transition: all 0.2s;color: #3e3e3e;}
.filter-content .sourceDiv .col-md-4 select {height: 30px;}
.filter-content .sourceDiv .col-md-4 input {width: 100%;height: 30px;padding: 4px;font-size: 1.0em;line-height: 1.42857143;color: #555;background-color: #fff;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);border: 1px solid #cccccc;}
.filter-content .puls {position: absolute;bottom: 0;left: 0;right: 0;text-align: center;padding: 0 5px;background: #F1F1F1;border-top: 1px solid;border-top-color: #CCCCCC;}
.filter-content .puls.noAbs {position: relative;clear: both;padding: 10px 0 0 0;background: transparent;border-top: 0px solid;}
.filter-content .puls button {outline: none;background: #24556D;border: 0px solid;border-radius: 2px;color: #fff;font-size: 1.0em;line-height: 20px;padding: 3px 10px;margin: 4px 4px 4px 0;}
*/
/**************************************************************************************************************************************************************************/
/***************************************************************	FINESTRA MODALE	(FIX)	*******************************************************************************/
/**************************************************************************************************************************************************************************/
.modal-content .modal-header {background-color: #2e2d30;color: #fff;}
.modal-content .modal-body {border-bottom:none;}
.modal-content .modal-body ul.nav-tabs {border-bottom: 3px solid #bdcbd6;padding-bottom: 5px;}
.modal-content .modal-body ul.nav-tabs li {display: table-cell;width: 1%;}
.modal-content .modal-body ul.nav-tabs li a {text-transform: uppercase;color: #415057;border-radius: 0;border-right: 1px solid #415057;border-bottom: 0px;font-weight: 700;}
.modal-content .modal-body ul.nav-tabs li.active a {background-color: #2e2d30;color: #fff;border: none;}
.modal-content .modal-body ul.nav-tabs.nav-justified>li:last-child a {border-right-color: transparent;}
/**************************************************************************************************************************************************************************/
/***************************************************************	LOGIN PAGE	(FIX)		*******************************************************************************/
/**************************************************************************************************************************************************************************/
.login header.title {text-align: center;margin-top: 20px;}
.login header.title a img.mainLogo {border-radius: 2px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);transition: box-shadow 200ms cubic-bezier(0.4, 0.0, 0.2, 1);}
/**************************************************************************************************************************************************************************/
/***************************************************************	LOGO TITLE (FIX)		*******************************************************************************/
/**************************************************************************************************************************************************************************/
#wrapper-header {float:left;width:105%;height:65px;background-color:#2E2D30;opacity:0;}
#wrapper-header #main-header {position:relative;width:1200px;left:50%;margin-left:-600px;height:auto;}
#wrapper-header #main-header .logo {margin-top:13.5px;left:15px;}
#wrapper-header #main-header .logo img{height:100%;width:100%;}
#wrapper-header #main-header .logoTitle{float: left;text-align: left;font-family: fantasy;font-size: 50px;height: 40px;line-height: 40px;margin-top: 10px;cursor: pointer;-moz-osx-font-smoothing: grayscale;text-transform: uppercase;letter-spacing: 1.5px;color: white;}
#wrapper-header #main-header .logoPreTitle {font-size: 70px;width:auto;}
.accessoNegato #wrapper-header {width: 100%;opacity: 1;float: left;}
.accessoNegato .modulo-login {margin-top: 50px;width: 100%;float: left;} 
/**************************************************************************************************************************************************************************/
/***************************************************************	BUTTON (FIX) 		***********************************************************************************/
/**************************************************************************************************************************************************************************/
.align-btn-center {margin: 15px 40%;}
.align-btn-right {float: right;}
.align-btn-left {float: left;}
.btn-group {padding: 10px 0px 0px 0px;}
.btn-group .btn-primary {margin-left: 10px;display: inline-block;text-decoration: none;font-weight: 700;border-radius: 4px;cursor: pointer;-webkit-transition: background 0.3s, border-color 0.3s;-moz-transition: background 0.3s, border-color 0.3s;transition: background 0.3s, border-color 0.3s;position: relative;border: 1px solid transparent;width: auto;font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size: 15px;line-height: 15px;letter-spacing: undefined;padding-top: 8px;padding-bottom: 8px;color: #484848;padding-right: 16px;padding-left: 16px;background: transparent;border-color: #484848;float: right;background-color:#484848;color:white;}
.btn-group .btn-primary:hover {}
.btn-group .btn-secondary {display: inline-block;text-decoration: none;font-weight: 700;border-radius: 4px;cursor: pointer;-webkit-transition: background 0.3s, border-color 0.3s;-moz-transition: background 0.3s, border-color 0.3s;transition: background 0.3s, border-color 0.3s;position: relative;border: 1px solid transparent;width: auto;font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size: 15px;line-height: 15px;letter-spacing: undefined;padding-top: 8px;padding-bottom: 8px;color: #484848;padding-right: 16px;padding-left: 16px;background: transparent;border-color: #484848;float: right;}
.btn-group .btn-secondary:hover {background-color:#484848;color:white;}
.form-actions .btn-primary {color: #333;background-color: #ffffff;border-color: #333333;background-image: none;}
.form-actions .btn-primary:hover {background-color: #333333;color: #fff;}
/**************************************************************************************************************************************************************************/
/***************************************************************	LOADING (FIX) 		***********************************************************************************/
/**************************************************************************************************************************************************************************/
.loadIn {position: fixed;background: transparent;display: block;}
.loadIn.active {display: block;}
/**************************************************************************************************************************************************************************/
/***************************************************************	FORM (FIX) 			***********************************************************************************/
/**************************************************************************************************************************************************************************/
.newTankClass .sourceDiv {margin-top: 10px;}
.newTankClass .sourceDiv div textarea {height: 100px;width: 100%;resize: none;}
/**************************************************************************************************************************************************************************/
/***************************************************************	NEW TANK (FIX) 		***********************************************************************************/
/**************************************************************************************************************************************************************************/
.newTankClass ul.wizard {padding: 15px 2%;height: 50px;}
.newTankClass ul.wizard .step-widward {width: 30%;float: left;height: 40px;display: inline-block;text-decoration: none;font-weight: 700;border-radius: 4px;cursor: pointer;transition: background 0.3s, border-color 0.3s;position: relative;border: 1px solid transparent;font-family: Circular,-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;font-size: 15px;line-height: 22px;padding-top: 8px;padding-bottom: 8px;color: #484848;padding-right: 16px;padding-left: 16px;background: transparent;border-color: #484848;margin-right: 10px;}
.newTankClass ul.wizard .step-widward.active {background-color:#484848;color:white;}
.newTankClass ul.wizard .step-widward .wizard-number {border: 1px solid #484848;border-radius: 15px;padding: 5px 10px;}
.newTankClass ul.wizard .step-widward.active .wizard-number {border: 2px solid white;border-radius: 15px;padding: 5px 10px;}
.newTankClass ul.wizard .step-widward .wizard-label {margin-left: 15px;}
.newTankClass #step1 .btn-group.align-btn-center {margin: 15px 35%;}
.newTankClass #step2 .btn-group.align-btn-center {margin: 15px 35%;}
.newTankClass #step3 .btn-group.align-btn-center {margin: 15px 35%;}
.newTankClass #step3 .tank-resume {border: 1px solid #484848;border-radius: 15px;margin: 10px 0px;width: 100%;float: left;}
.newTankClass #step3 .tank-resume .sourceDiv h3 {background-color: #484848;color: white;padding: 2px 10px;border-radius: 5px;}
/**************************************************************************************************************************************************************************/
/***************************************************************	DETAIL TANK (FIX) 		*******************************************************************************/
/**************************************************************************************************************************************************************************/
.detailTankClass {}
.detailTankClass .btn-group.align-btn-center {margin:15px 35%;}
.detailTankClass .tank-resume {border-radius: 15px;width: 100%;float: left;}
.detailTankClass .tank-resume .sourceDiv h3 {background-color: #484848;color: white;padding: 2px 10px;border-radius: 5px;}
/**************************************************************************************************************************************************************************/
/***************************************************************	DETAIL FISH (FIX) 		*******************************************************************************/
/**************************************************************************************************************************************************************************/
.detailFishClass {padding: 20px;}
.detailFishClass .btn-group.align-btn-center {margin:15px 35%;}
.detailFishClass .fish-image {width:50%;float:left;margin-top: 15px;padding: 5px;}
.detailFishClass .fish-image img {width:95%;}
.detailFishClass .fish-resume {width:50%;border: 1px solid #484848;border-radius: 15px;margin: 10px 0px;float: left;}
.detailFishClass .fish-resume div.sourceDiv{margin:5px 0px;}
.detailFishClass .fish-resume div.sourceDiv:first-child {margin-top: 15px;}
/**************************************************************************************************************************************************************************/
/***************************************************************	DETAIL PLANT (FIX) 		*******************************************************************************/
/**************************************************************************************************************************************************************************/
.detailPlantClass {padding: 20px;}
.detailPlantClass .btn-group.align-btn-center {margin:15px 35%;}
.detailPlantClass .plant-image {width:50%;float:left;margin-top: 15px;padding: 5px;}
.detailPlantClass .plant-image img {width:95%;}
.detailPlantClass .plant-resume {border: 1px solid #484848;border-radius: 15px;margin: 10px 0px;width: 50%;float: left;}
.detailPlantClass .plant-resume div.sourceDiv{margin:5px 0px;}
.detailPlantClass .plant-resume div.sourceDiv:first-child {margin-top: 15px;}
/**************************************************************************************************************************************************************************/
/***************************************************************	VIEW PROFILE (FIX) 		*******************************************************************************/
/**************************************************************************************************************************************************************************/
.view-profile .sourceDiv {padding: 2% 20%;}
.view-profile .sourceDiv .col-md-3 {margin-left: -6px;margin-right: -6px;margin-bottom: 24px;margin-top: 0;font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.43;color: #484848;-webkit-font-smoothing: antialiased;width: 100%;float: left;}
.view-profile .sourceDiv .col-md-3 label.ng-binding {width: 25%;float: left;padding:9px 6px 8px 6px;display: block;}
.view-profile .sourceDiv .col-md-3 input {width: 75%;float: left;padding: 8px 10px;}
.view-profile .sourceDiv .col-md-3 .text-muted {width:75%;float:right;color: #767676;margin-top: 6px;font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size: 14px;line-height: 1.43;-webkit-font-smoothing: antialiased;}
.view-profile .sourceDiv .col-md-3 .select {float: left;margin-right: 5px;}
.view-profile .sourceDiv .col-md-3 div.select select {padding-top: 8px;padding-bottom: 8px;padding-right: 2em;display: block;padding: 8px 10px;border-radius: 2px;color: #484848;}




#main-container-image .work .figureTableDiv .figureClass figure.add-task {padding: 0px !important;float: left;width: 100%;margin: 0px!important;}
#main-container-image .work .figureTableDiv .figureClass figure.add-task a {padding: 0px 0px;line-height: 40px;}
#main-container-image .work .figureTableDiv .figureClass figure.add-livestock  {padding: 0px !important;float: left;width: 100%;margin: 0px!important;}
#main-container-image .work .figureTableDiv .figureClass figure.add-livestock  a {padding: 0px 0px;line-height: 40px;}
#main-container-image .work .figureTableDiv .figureClass figure.add-tank-analisys {padding: 0px !important;float: left;width: 100%;margin: 0px!important;}
#main-container-image .work .figureTableDiv .figureClass figure.add-tank-analisys a {padding: 0px 0px;line-height: 40px;}
#main-container-image .work .figureTableDiv .figureClass figure.add-social-network {padding: 0px !important;float: left;width: 100%;margin: 0px!important;}
#main-container-image .work .figureTableDiv .figureClass figure.add-social-network a {padding: 0px 0px;line-height: 40px;}

#main-container-image .work .figureTableDiv .figureClass figure.livestock-figure {width: calc(100% / 3 - 30px);}
#main-container-image .work .figureTableDiv .figureClass figure.livestock-figure img {height: auto!important;width: 100%;margin-left:0px!important;margin-top:0px!important;}
#main-container-image .work .figureTableDiv .figureClass figure.livestock-figure .button {left: 70%!important;top: 0%!important;}


#main-container-image .work .tab-tank .detailTankClass .tank-resume .valori-vasca {width:100%;float:left;}
#main-container-image .work .tab-tank .detailTankClass .tank-resume .tasks {width:50%;float:left;}
#main-container-image .work .tab-tank .detailTankClass .tank-resume .livestocks {width:50%;float:left;}
#main-container-image .work .tab-tank .detailTankClass .tank-resume .tank-analisys {width:50%;float:left;}
#main-container-image .work .tab-tank .detailTankClass .tank-resume .social-networks {width:50%;float:left;}

@media screen and (max-width: 600px) {
	#main-container-image .tab-return {width: 70%;float: left;}
	#main-container-image .tab-filter {width: 30%;float: right;}
	#main-container-image .work .tab-tank .detailTankClass .tank-resume .valori-vasca {width:100%;float:left;}
	#main-container-image .work .tab-tank .detailTankClass .tank-resume .tasks {width:100%;float:left;}
	#main-container-image .work .tab-tank .detailTankClass .tank-resume .livestocks {width:100%;float:left;}
	#main-container-image .work .tab-tank .detailTankClass .tank-resume .tank-analisys {width:100%;float:left;}
	#main-container-image .work .tab-tank .detailTankClass .tank-resume .social-networks {width:100%;float:left;}
	
	#main-container-image .work figure {margin-bottom: 5px!important;}
	#main-container-image .work figure.tank-list {width: 100%;float:left;margin: 0px!important;}
	#main-container-image .work figure.add-tank {width: 100%;float:left;margin: 0px!important;}
	
	#main-container-image .work figure.fish-list-figure {width: 100%;margin: 0px;}
	
	#main-container-image .work .figureTableDiv .figureClass figure.livestock-figure {width: 100%;float:left;margin: 0px;}
	#main-container-image .work .figureTableDiv .figureClass figure.tank-analisys-figure {width: 100%;float:left;margin: 0px;}
	#main-container-image .work .figureTableDiv .figureClass figure.social-networks-figure {width: 100%;float:left;margin: 0px;}
	
	/**************************************************************************************************************************************************************************/
	/***************************************************************	LOGO TITLE (FIX)		*******************************************************************************/
	/**************************************************************************************************************************************************************************/
	#wrapper-header {height: 65px;background-color: #2E2D30;width: 100%;float: left;opacity: 1;color: white;}
	#wrapper-header #main-header {width: 100%;float: left;margin-left: 10px;left:0px;}
    #wrapper-header #main-header .logoPreTitle {margin-left: 0px;font-size: 50px!important;}
	#wrapper-header #main-header .logoTitle{width: auto;float: left;font-family: fantasy;font-size: 40px;line-height: 40px;cursor: pointer;-moz-osx-font-smoothing: grayscale;text-transform: uppercase;color: white;}
	
	/**************************************************************************************************************************************************************************/
	/***************************************************************	TOP-BAR (FIX)		***********************************************************************************/
	/**************************************************************************************************************************************************************************/
	.top-bar {height:50px;width: 100%;float: left;height: 50px;}
	.top-bar ul.navbar-nav {    width: 100%;float: left;margin: 0px;padding: 0px;}
	.top-bar ul.navbar-nav li.dropdown-user {width:50%;float:left;}
	.top-bar ul.navbar-nav li.dropdown-setting {width:40%;float:left;}
	.top-bar ul.navbar-nav li.dropdown-setting a.dropdown-toggle {float: right;}
	.top-bar ul.navbar-nav li.dropdown-lang {width:10%;float:right;}
	.top-bar ul.navbar-nav li.dropdown .dropdown-sub-menu {width: 100%;position: absolute;z-index: 1000;background-color: white;min-width: auto!important;}
	.top-bar ul.navbar-nav li.dropdown .dropdown-sub-menu li a {padding: 0px 10px 0px 10px;}
	.top-bar ul.navbar-nav li.dropdown-setting a.dropdown-toggle img {border:none!important;}
}